*{
	margin: 0;
	padding: 0;
}
body{
	list-style: none;
	background: url(../image/phones.png) no-repeat;
	background-size:100% auto;
	/*height: 100%;*/
	/*min-height: 100%;*/
	
}

.overall{
	position: relative;
	height: 100%;
	width: 100%;	
/*border: 1px solid red;*/
}

.overall .box{
	position: relative;
	/*border: 1px solid red;*/
	width: 100%;
	margin: 0 auto;
	height: 55%;
}

form div{
	margin:5% 0;
}
 .username{
 	position: relative;
 	/*width: auto;*/
 	border-bottom: 1px solid #041932;
 	width: 220px;
 	height:28px; 
 	margin: 0 auto;	
 	margin-top: 5%;
 	
 }
.username input{
	position: absolute;
	outline: none;
	border:none;
	background:rgba(0,2,2,0.0);
	margin-left: 18%;
	font-size: 15px;
	width: 180px;
	top: 20%;
	color:#F0F0F0;
	 /*border: 1px solid red;*/
}


.box input[type="submit"]{
	position: absolute;
	outline: none;
	border: none;
	width: 120px;
	font: "微软雅黑";
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	letter-spacing: 2px;
	height: 35px;
	background-color: #E86053;
	border-radius: 6px;
    top: 75%;	
    left: 34%;
    /*border: 1px solid red;*/
}

.username .person{
	position: absolute;
	top: -8px;
}
.username .phone{
	position: absolute;
	top: -7px;
}
.username .pass{
	position: absolute;
	top: -7px;
}
.username .pass1{
	position: absolute;
	top: -7px;
}

.logins span{
	font-size: 16px;
	color: #FFFFFF;
	display: inline-block;
	/*border: 1px solid red;*/
	width: 80%;
	margin-top:1%;
}
.logins{
 text-align: center;
 /*height: 10%;*/
 /*border: 1px solid blue;*/
}

.register{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 6%;
	text-align: center;
	/*border: 1px solid red;*/
}
.register span{
	/*border: 1px solid red;*/
	display: inline-block;
	font:"微软雅黑";
	font-size: 22px;
	color: #000;
	margin-top: 1.5%;
	letter-spacing: 6px;
}
.imgout{
	position: absolute;
     left: 2%;
     margin-top:2%;
	border: none;
	background: none;
	outline: none;
}
.imgout img{
	height: 20px;
	width: 20px;
    outline: none;
    border: none;
}
.headimg div{
	width: 80px;
	margin: 0 auto;
    margin-top:8%;
    /*border: 1px solid red;*/
}
.headimg{
    height: 20%;
	/*border: 1px solid red;*/
}

.headimg img{
	border: none;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	
}
.logins span a{
	text-decoration: none;
	color: #FFF9EC;
	/*border: 1px solid red;*/
	
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
  
}